<template>
<h2>登陆</h2>

<table>
    <tr>
        <td>
            账号
        </td>
        <td>
            <input type="text"/>
        </td>
    </tr>

    <tr>
        <td>
            密码
        </td>
        <td>
            <input type="password"/>
        </td>
    </tr>


    <tr>
        <td>
      
        </td>
        <td colspan="2" style="text-align: center;">
            <input type="button" value="登陆" @click="Login"  />
         
        </td>
    </tr>
    

</table>


</template>


<script setup lang="ts">

import {useRouter} from 'vue-router'
  //创建路由对象的具体实例(应用场景：如果想通过路由跳转到其他页面火重定向页面或刷新页面时使用)
 const router=useRouter();
 const Login =()=>{
        //跳转到Home页面
       // router .push('/')

        router.push({

                name:"home",
               params:{
                    Sid:3


               }

        })

}



</script>